<h2>Comments</h2>
<pre><code>// Single line comment
/* Multi-line
comment */</code></pre>

<h2>At-rules</h2>
<pre><code>@import "foo.scss";
@media (min-width: 600px) {}
.seriousError {
    @extend .error;
}
@for $i from 1 through 3 {}
</code></pre>

<h2>Compass URLs</h2>
<pre><code>@font-face {
	font-family: "opensans";
	src: font-url("opensans.ttf");
}</code></pre>

<h2>Variables</h2>
<pre><code>$width: 5em;
#main {
    width: $width;
}</code></pre>

<h2>Interpolations are highlighted in property names</h2>
<pre><code>p.#{$name} {
    #{$attr}-color: blue;
}
</code></pre>